<div class="app-modal" id="transaction-modal">
    <div class="modal-content">
        <div class="modal-header">
            <h2>{{'Block ID'|translate}}:</h2> {{block.id}}
            <span class="blockchain-icon" clip-copy="block.id"></span>
            <div class="close-modal" ng-click="close()">
                <span class="sr-only"><translate>Close modal</translate></span>
            </div>
        </div>
        <div class="modal-body">
            <ul class="list-group">
                <li class="list-group-item summary"><translate>Summary</translate></li>
                <li class="list-group-item bordered"><translate>Confirmations</translate>
                    <span class="pull-right small-text">{{block.confirmations}}</span>
                </li>
                <li class="list-group-item"><translate>Amount</translate>
                    <span class="pull-right small-text">{{block.amount | ebookcoinFilter}} EBOOKCOIN</span>
                </li>
                <li class="list-group-item bordered"><translate>Fee</translate>
                    <span class="pull-right small-text">{{block.fee | ebookcoinFilter}} EBOOKCOIN</span>
                </li>
                <li class="list-group-item"><translate>USD Equivalent</translate>
                    <span class="pull-right small-text">${{convertToUSD(block.amount)| number: 2}}</span>
                </li>
                <li class="list-group-item bordered"><translate>Time</translate>
                    <span class="pull-right small-text">{{block.timestamp | timestampFilter}}</span>
                </li>
            </ul>
            <ul class="list-group transactions">
                <!-- ngRepeat: transaction in transactions -->
                <li class="list-group-item">
                    <div class="transaction-data"><strong><translate>Block ID</translate>:</strong> {{block.id}}
                        <span class="pull-right">{{block.timestamp | timestampFilter}}</span>
                    </div>
                    <div class="transaction-path">
                        <div class="transaction-part pull-left">
                            <a href="#" class="blue-link" ng-click="userInfo(block.recipientId)">{{block.senderId}}</a>
                            <span class="ebookcoin">{{block.amount | ebookcoinFilter}} EBOOKCOIN</span>
                        </div>
                        <div class="transaction-direction"></div>
                        <div class="transaction-part pull-right">
                            <a href="#" class="blue-link" ng-click="userInfo(block.recipientId)">{{block.recipientId || ""}}</a>
                            <span class="ebookcoin">{{block.amount | ebookcoinFilter}} EBOOKCOIN</span>
                        </div>
                    </div>
                    <div class="transaction-bottom">
                        <div class="fee"><translate>FEE</translate>: {{block.fee | ebookcoinFilter}} EBOOKCOIN</div>
                        <div class="ebookcoin">{{block.amount | ebookcoinFilter}} EBOOKCOIN
                        </div>
                        <div class="confirmations">{{block.confirmations || 0}} <translate>CONFIRMATIONS</translate></div>
                    </div>
                </li>
                <!-- end ngRepeat: transaction in transactions -->
            </ul>
        </div>
    </div>
</div>
